<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box" style="width: 100px;height: 100px;background-color:rebeccapurple;"></div>
    <input type="text" id="text">
    <form action="#" id="form">
        <input type="submit" name="" id="submit">
        <input type="reset" name="" id="submit">
    </form>
    <script>
        /* 测试事件效果
        - 注意事件加给谁了，触发行为是什么，触发时的元素是否是添加事件的元素
        - 思考键盘事件应该加给谁 */
        '键盘事件可以加给windo;input,select之类可以选中的元素'
        var box=document.getElementById('box')
        var text=document.getElementById('text')
        var submit=document.getElementById('submit')
        var form=document.getElementById('form')
        // submit.onclick=function(){
        //     box.style.width='100px'
        // }
        window.onload=function(e){
            // e.preventDefault()
            // console.log(e)
            console.log('yes!')
        }
    </script>
</body>
</html>